@import "variables";
.seed-goods-purchase-warp {
  position: relative;
  padding-top: 0px !important;
  animation: bottomToTop .5s ease-out;
  padding: 0 !important;
  seed-item.goods-purchase-header {
    contain:none;
    height: pxTorem(196px);
    min-height: pxTorem(196px);
    padding: 0px 0px pxTorem(30px);
    margin: 0 pxTorem(30px) 0px;
  }
  .goods-part {
    padding: pxTorem(30px) 0px;
  }
  .goods-preview-pic {
    position: relative;
    left: 0;
    top: pxTorem(-15px);
    border-radius: pxTorem(10px);
    border: pxTorem(2px) solid color($h5, c9);
    @include el-rect(196px, 196px);
    min-width: pxTorem(196px);
    background: url(#{$images-path}/user_default.png) no-repeat top center/cover;
    background-color: color($h5,c7);
  }
  .goods-selected-box {
    padding-left: pxTorem(30px);
    .goods-selected-price {
      padding-bottom: pxTorem(15px);
      @include set-color(c15);
      @include font-dpr(32px);
    }
    .class-goods-selected-spec {
      @include font-dpr(26px);
      @include set-color(c2)
    }
  }
  .goods-purchase-box{
    margin:0;
    display: block;
    .goods-spec-item-header {
      @include font-dpr(28px);
      @include set-color(c2);
    }
    .goods-spec-item-params {
      height: pxTorem(56px);
      padding: pxTorem(8px) pxTorem(20px);
      background-color: color($h5, c9);
      @include set-color(c2);
      border-radius: pxTorem(4px);
      margin-right: 2%;
      margin-top: pxTorem(26px);
      &.current{
        background-color: color($h5, c1);
        @include set-color(c10);
      }
/*      &.current button{
        background-color: color($h5, c1);
        @include set-color(c10);
      }*/
    }
  }
  .goods-inventory {
    @include font-dpr(28px);
    @include set-color(c2);
    margin: 0px;
  }
  .goods-count-box {
    @extend .goods-inventory;
  }
}

@keyframes bottomToTop {
  from {
    transform:  translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
